<template>
  <div class="app-container no-padding chit-look-root">
    <div class="query-container">
      <chit-query :base-map="baseMap"></chit-query>
    </div>
    <base-map @mapLoaded="mapLoaded"></base-map>


  </div>
</template>

<script>
import ChitQuery from "@/views/chitLook/components/chitQuery/index.vue";
import BaseMap from "@/components/BaseMap/index.vue";
import {baseMapMixins} from "@/mixins/baseMapMixins";

export default {
  name: "chitLook",
  mixins: [baseMapMixins,],
  components: {
    ChitQuery,
    BaseMap
  },
  props: {
    source: {
      type: String,
      required: true,
    },
  },
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.chit-look-root {
  position: relative;

  .query-container {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 500px;
    height: 40px;
    z-index: 20;
  }


}
</style>
